﻿<html>
<head>
<title>房贷计算器_提前还款</title>
<SCRIPT language=JavaScript src="9.js"></SCRIPT>
<META http-equiv="Content-Type" content="text/html; charset=gb2312">
<SCRIPT language=JavaScript src="jquery-1.3.1.min.js"></SCRIPT>
<SCRIPT language=JavaScript src="right.js"></SCRIPT>
<script>
$(function(){
	$("#table1 tr:gt(12)").hide();
	$("#show_btn1").toggle(
		function () {
			$(this).addClass("show_on");
			$(this).html("隐藏部分年份");
			$("#table1 tr:gt(12)").fadeIn(300);
		},
		function () {
			$(this).removeClass("show_on");
			$(this).html("显示所有年份");
			$("#table1 tr:gt(12)").fadeOut(500);
		}
	); 
	$("#table2 tr:gt(12)").hide();
	$("#show_btn2").toggle(
		function () {
			$(this).addClass("show_on");
			$(this).html("隐藏部分年份");
			$("#table2 tr:gt(12)").fadeIn(300);
		},
		function () {
			$(this).removeClass("show_on");
			$(this).html("显示所有年份");
			$("#table2 tr:gt(12)").fadeOut(500);
		}
	); 
	
 }); 
//公积金贷款计算器计算结果
$(function(){
	$("#dejh").hide();
	$("#debj").hide();
	$("#zyhk").show();
	$("#hkfs").change(function(){
		var selected= this.value;
		$("#aa").html(selected);
			if( selected == 1){
				$("#dejh").fadeIn(300);
				$("#debj").hide();
				$("#zyhk").hide();
			}
			else if( selected==2){
				$("#dejh").hide();
				$("#debj").fadeIn(300);
				$("#zyhk").hide();
			}
			else if( selected==3){
				$("#dejh").hide();
				$("#debj").hide();
				$("#zyhk").fadeIn(300);
			}
	});
});
</script>

<style type="text/css">
body{background-color:#fff;margin:5px;}
table,td,img,form,ul{margin:0;padding:0;}
td,p,li,select,input,textarea{font-size:12px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.fData{color:#666;font-size:12px;}
.fDataS{font-size:10px;}
.lh15{line-height:15px;}
.lh17{line-height:17px;}
.lh19{line-height:19px;}
.lh20{line-height:20px;}
.lh21{line-height:21px;}
.lh22{line-height:22px;}
.lh23{line-height:23px;}
.lh24{line-height:24px;}
.lh25{line-height:25px;}
.lh26{line-height:26px;}
.b1{border:1px solid #000000;}
.h3{font-size:7px;color:#7AA8FF}
a.agu:link,a.agu:visited{text-decoration:none;color:#07015B;}
a.agu:active,a.agu:hover{text-decoration:none;color:#f00}
.lp{letter-spacing:4px;}
.iasklj,a.iasklj:link,a.iasklj:visited{text-decoration:none;color:#f00;}
a.iasklj:active,a.iasklj:hover{text-decoration:none;color:#f00;}
.t2{height:17px;}
.imgPhoto img{border:1px #000 solid;}
.imgPhoto2{border:1px #000 solid;}
.imgPhoto3{border:1px #ccc solid;}
.linkWhite,.linkWhite a:link,.linkWhite a:visited{text-decoration:none;color:#fff;}
.linkWhite a:active,.linkWhite a:hover{text-decoration:underline;color:#fff;}
.linkBlack,.linkBlack a:link,.linkBlack a:visited{text-decoration:none;color:#333;}
.linkBlack a:active,.linkBlack a:hover{text-decoration:underline;color:#333;}
.linkBlack2,.linkBlack2 a:link,.linkBlack2 a:visited{text-decoration:none;color:#000;}
.linkBlack2 a:active,.linkBlack2 a:hover{text-decoration:underline;color:#000;}
.linkBlack3 a:link,.linkBlack3 a:visited{text-decoration:underline;color:#333;}
.linkBlack3 a:active,.linkBlack3 a:hover{text-decoration:underline;color:#f00;}
.linkBlack4 a:link,.linkBlack4 a:visited{text-decoration:underline;color:#000;}
.linkBlack4 a:active,.linkBlack4 a:hover{text-decoration:underline;color:#f00;}
.linkBlack5,.linkBlack5 a:link,.linkBlack5 a:visited{text-decoration:none;color:#000;}
.linkBlack5 a:active,.linkBlack5 a:hover{text-decoration:none;color:#f00;}
.linkRed a:link,.linkRed a:visited{text-decoration:underline;color:#c30;}
.linkRed a:active,.linkRed a:hover{text-decoration:underline;color:#f00;}
.linkRed2,.linkRed2 a:link,.linkRed2 a:visited{text-decoration:none;color:#c30;}
.linkRed2 a:active,.linkRed2 a:hover{text-decoration:none;color:#f00;}
.linkRed3,.linkRed3 a:link,.linkRed3 a:visited{text-decoration:none;color:#a20000;}
.linkRed3 a:active,.linkRed3 a:hover{text-decoration:underline;color:#a20000;}
.linkBlue{text-decoration:none;color:#009;}
.linkBlue a:link,.linkBlue a:visited{text-decoration:underline;color:#009;}
.linkBlue a:active,.linkBlue a:hover{text-decoration:underline;color:#f00;}
.linkGrey{text-decoration:none;color:#666;}
.linkGrey a:link,.linkGrey a:visited{text-decoration:underline;color:#666;}
.linkGrey a:active,.linkGrey a:hover{text-decoration:underline;color:#f00;}
.linkYellow,.linkYellow a:link,.linkYellow a:visited{text-decoration:none;color:#ad510f;}
.linkYellow a:active,.linkYellow a:hover{text-decoration:none;color:#f00;}

.linkBlogSerach01{color:#423E2A;}
.linkBlogSerach01 a:link,.linkBlogSerach01 a:visited{color:#423E2A; text-decoration:none; width:70px;}
.linkBlogSerach01 a:active,.linkBlogSerach01 a:hover{color:#f00; text-decoration:underline; width:70px;}

.linkBlogSerach{color:#423E2A;}
.linkBlogSerach a:link,.linkBlogSerach a:visited{color:#423E2A; text-decoration:none; width:55px;}
.linkBlogSerach a:active,.linkBlogSerach a:hover{color:#f00; text-decoration:underline; width:55px;}
.link01{font-size:14px;}
.link01 a:link{text-decoration:none;color:#000000;}
.link01 a:visited{text-decoration:none;color:#000000;}
.link01 a:active{text-decoration:underline;color:#000000;}
.link01 a:hover {text-decoration:underline;color:#9A0000;}

.imgRddcs img{border:1px #ccc solid;}
.tblRddcs{border:1px #ccc solid; background-color:#fff; margin-bottom:4px; width:122px; line-height:20px; text-align:center;}
.tblRddcs2{border:1px #ccc solid; background-color:#fff; margin-top:4px; width:122px; line-height:20px; text-align:center;}

A.a04:link {text-decoration:none;color:#000000;}
A.a04:visited {text-decoration:none;color:#646464;}
A.a04:active,A.a04:hover {text-decoration:underline;color:#ff0000;}

.menuOn{cursor:default;width:120px;font-size:12px;background-image: url(on_1.gif);background-repeat: no-repeat;padding-left:0px;color:#BA0300;line-height:22px; font-weight:bold}
.menuOff{cursor:pointer;width:120px;font-size:12px;background-image: url(off_1.gif);background-repeat: no-repeat;color:#666666;line-height:22px; font-weight:bold}

.menuOn2{cursor:default;width:120px;font-size:12px;background-image: url(on_1.gif);background-repeat: no-repeat;padding-left:0px;color:#BA0300;line-height:22px; font-weight:bold}
.menuOff2{cursor:pointer;width:120px;;font-size:12px;background-image: url(off_1.gif);background-repeat: no-repeat;color:#666666;line-height:22px; font-weight:bold}
.box {border:1px solid #F8E1CD;
}

.STYLE1 {color: #E65C00}
.btn{width:94px;height:20px;background:url("btn_bg.gif") no-repeat;cursor:pointer;font-size:12px;margin-right:10px;border:0}
.mt10{margin-top:10px}
.bgFDFCF7 {background:#FDFCF7}
.dot {background:url("dot.gif") top repeat-x}
</style>

<script type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
</head>
<body topmargin=5 marginheight=5 onLoad="MM_preloadImages('index2_r1_c1.jpg','index2_r4_c1.jpg','index2_r5_c1.jpg','index2_r6_c1.jpg','index2_r8_c1.jpg','index2_r9_c1.jpg')" >

<div align="center">
  <table width="950" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td width="631" valign="top" background="index_r12_c1.jpg"><table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>

          <td valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td><a href="tool_GFNLPG.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image32','','index2_r1_c1.jpg',1)"><img src="index_r1_c1.jpg" name="Image32" width="237" height="69" border="0"></a></td>
            </tr>
            <tr>
              <td><a href="tool_DEBXHKF.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image27','','index2_r4_c1.jpg',1)"><img src="index_r4_c1.jpg" name="Image27" width="237" height="48" border="0"></a></td>
            </tr>
            <tr>
              <td><a href="tool_DEBJHKF.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image28','','index2_r5_c1.jpg',1)"><img src="index_r5_c1.jpg" name="Image28" width="237" height="43" border="0"></a></td>
            </tr>
            <tr>
              <td><a href="tool_TQHDJSQ.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image29','','index2_r6_c1.jpg',1)"><img src="index_r6_c1.jpg" name="Image29" width="237" height="47" border="0"></a></td>
            </tr>
            <tr>
              <td><a href="tool_SFJSQ.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image30','','index2_r8_c1.jpg',1)"><img src="index_r8_c1.jpg" name="Image30" width="237" height="45" border="0"></a></td>
            </tr>
            <tr>
              <td><a href="tool_GRZFGJJDK.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image31','','index2_r9_c1.jpg',1)"><img src="index_r9_c1.jpg" name="Image31" width="237" height="76" border="0"></a></td>
            </tr>
          </table></td>

          <td width="394" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">

                        <FORM  name=tqhdjsq><tr>
              <td><img src="index_r1_c2.jpg" width="394" height="35"></td>
            </tr>
            <tr>
              <td><img src="title4.gif" width="390" height="50"></td>
            </tr>
            <tr>
              <td style="padding-top:6px">

<TABLE cellSpacing=0 cellPadding=0 width=380 
                        align=center  border=0>
                          <TBODY>
                          <TR vAlign=top>
                            <TD align=middle >
                              <TABLE cellSpacing=1 cellPadding=5 width="100%" align=center bgColor=#F8E1CD border=0>
                                <TBODY>
                                <TR>
                                <TD bgColor=#FFFBF7 height=30>　贷款总额：
								  <INPUT size=10 name=dkzws> 万元<br>
								　原贷款期限： 
								<SELECT size=1 
                                name=yhkqs> <OPTION 
                                value=24>2年(24期)</OPTION><OPTION 
                                value=36>3年(36期)</OPTION><OPTION 
                                value=48>4年(48期)</OPTION><OPTION 
                                value=60>5年(60期)</OPTION><OPTION 
                                value=72>6年(72期)</OPTION><OPTION 
                                value=84>7年(84期)</OPTION><OPTION 
                                value=96>8年(96期)</OPTION><OPTION 
                                value=108>9年(108期)</OPTION><OPTION 
                                value=120>10年(120期)</OPTION><OPTION 
                                value=132>11年(132期)</OPTION><OPTION 
                                value=144>12年(144期)</OPTION><OPTION 
                                value=156>13年(156期)</OPTION><OPTION 
                                value=168>14年(168期)</OPTION><OPTION value=180 
                                selected>15年(180期)</OPTION><OPTION 
                                value=240>20年(240期)</OPTION><OPTION 
                                value=300>25年(300期)</OPTION><OPTION 
                                value=360>30年(360期)</OPTION></SELECT></TD></TR>
							  <tr> 
								<td bgcolor="#FFFBF7" height=30> 　利率：
									<script>writeSelect()</script>
                                </td> 
							  </tr> 
                                <TR>
                                <TD class=lh20 bgColor=#FFFBF7 
                                height=30>　第一次还款时间：
                                  <SELECT name=yhksjn> <OPTION 
                                                <option value=1997>1997</option>
                                                <option value=1998>1998</option>
                                                <option value=1999>1999</option>
                                                <option value=2000>2000</option>
                                                <option value=2001>2001</option>
                                                <option value=2002>2002</option>
                                                <option value=2003>2003</option>
                                                <option value=2004>2004</option>
                                                <option value=2005>2005</option>
                                                <option value=2006>2006</option>
                                                <option value=2007>2007</option>
                                                <option value=2008>2008</option>
                                                <option value=2009>2009</option>
                                                <option value=2010>2010</option>
                                                <option value=2011>2011</option>
                                                <option value=2012 selected="">2012</option>
                                                <option value=2013>2013</option>
                                                <option value=2014>2014</option>
                                                <option value=2015>2015</option>
								</SELECT> 年 
								<SELECT name=yhksjy>
								<OPTION value=1>1<OPTION 
                                value=2>2<OPTION value=3>3<OPTION 
                                value=4 selected>4<OPTION value=5>5<OPTION 
                                value=6>6<OPTION value=7>7<OPTION 
                                value=8 >8<OPTION value=9>9<OPTION 
                                value=10>10<OPTION value=11>11<OPTION 
                                value=12>12</OPTION></SELECT> 月 
                                <BR>
                                　预计提前还款时间：
								<select name=tqhksjn> 
								<option value=2002>2002</option>
								<option value=2003>2003</option>
								<option value=2004>2004</option>
								<option value=2005>2005</option>
								<option value=2006>2006</option>
								<option value=2007>2007</option>
								<option value=2008>2008</option>
								<option value=2009>2009</option>
								<option value=2010>2010</option>
								<option value=2011>2011</option>
								<option value=2012 selected>2012</option>
								<option value=2013>2013</option>
								<option value=2014>2014</option>
								<option value=2015>2015</option>
								<option value=2016>2016</option>
								<option value=2017>2017</option>
								<option value=2018>2018</option>
								<option value=2019>2019</option>
								<option value=2020>2020</option>
								<option value=2021>2021</option>
								<option value=2022>2022</option>
								<option value=2023>2023</option>
								<option value=2024>2024</option>
								<option value=2025>2025</option>
								<option value=2026>2026</option>
								<option value=2027>2027</option>
								<option value=2028>2028</option>
								<option value=2029>2029</option>
								<option value=2030>2030</option>
								<option value=2031>2031</option>
								<option value=2032>2032</option>
								<option value=2033>2033</option>
								<option value=2034>2034</option>
								</select> 年
								<select name=tqhksjy> 
								<option value=1>1</option>
								<option value=2>2</option>
								<option value=3>3</option>
								<option value=4 selected>4</option>
								<option value=5>5</option>
								<option value=6>6</option>
								<option value=7>7</option>
								<option value=8>8</option>
								<option value=9>9</option>
								<option value=10>10</option>
								<option value=11>11</option>
								<option value=12>12</option>
								</select> 
								月</TD></TR>
                                <TR>
                                <TD bgColor=#FFFBF7 height=30>　贷款类型：
                                  <INPUT 
                                type=radio CHECKED name=dklx>公积金贷款　　<INPUT 
                                type=radio name=dklx>商业性贷款</TD></TR>
                                <TR>
                                <TD class=lh20 bgColor=#FFFBF7 height=30>　
                                  <INPUT 
                                type=radio CHECKED name=tqhkfs>一次提前还清 <BR>　
                                  <INPUT 
                                type=radio name=tqhkfs>部分提前还款　<INPUT size=6 
                                name=tqhkws> 万元（不含当月应还款额）</TD></TR>
                                <TR>
                                <TD class=lh20 bgColor=#FFFBF7 
                                height=30>　处理方式：<BR>
                                  　
                                    <INPUT type=radio CHECKED 
                                name=clfs>缩短还款年限，月还款额基本不变　<BR>　
                                    <INPUT type=radio 
                                name=clfs>减少月还款额，还款期不变</TD></TR>

                                <TD align=center bgColor=#FFFBF7 height=30><INPUT onclick=play() type=button value=开始计算>　<INPUT type=reset value=清除></TD>
                                </TR>
                              </TABLE>
                              </TD></TR></TBODY></TABLE>

<table width="380" border=0 align="center" cellpadding=0 cellspacing=0>
	<tr valign=top><td align=center style="padding-top:20px"><img src="gieguo.gif" width="390" height="50">
<table width="380" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><TABLE cellSpacing=1 cellPadding=5 width="100%" 
                              bgColor=#cccccc border=0>
                                <TBODY>
                                <TR>
                                <TD bgColor=#f8f8f8 height=30>　原月还款额：
                                  <INPUT 
                                size=10 name=ykhke> 元 原最后还款期：<INPUT size=10 
                                name=yzhhkq></TD></TR>
                                <TR>
                                <TD bgColor=#f8f8f8 height=30>　已还款总额：
                                  <INPUT 
                                size=10 name=yhkze> 元 已还利息额： <INPUT size=10 
                                name=yhlxe> 元</TD></TR>
                                <TR>
                                <TD class=lh20 bgColor=#f8f8f8 
                                height=30>　该月一次还款额：
                                  <INPUT size=10 name=gyyihke> 元 
                                <BR>
                                　下月起月还款额：
                                <INPUT size=10 name=xyqyhke> 
                                元</TD></TR>
                                <TR>
                                <TD bgColor=#f8f8f8 height=30>　节省利息支出：
                                  <INPUT 
                                size=10 name=jslxzc> 元</TD></TR>
                                <TR>
                                <TD bgColor=#f8f8f8 height=30>　新的最后还款期：
                                  <INPUT 
                                size=10 name=xdzhhkq></TD></TR>
                                <TR>
                                <TD bgColor=#f8f8f8 height=30>　计算结果提示：
                                  <INPUT 
                                size=38 name=jsjgts></TD></TR>
                                </TBODY></TABLE>

	</td>
  </tr>
</table>
</td>
	</tr>
	</table></td>
            </tr>
           <tr>
              <td height="50">&nbsp;</td>
            </tr></form>
          </table></td>
        </tr>
      </table></td>
      <td width="83" valign="top" background="index_r7_c3.jpg"><table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td><img src="index_r1_c3.jpg" width="83" height="191"></td>
        </tr>
        <tr>
          <td height="300">&nbsp;</td>
        </tr>
        <tr>
          <td><img src="index_r10_c3.jpg" width="83" height="118"></td>
        </tr>
      </table></td>
      <td width="236" valign="top" background="index_r2_c4.jpg"><table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td><img src="index_r1_c4.jpg" width="236" height="35"></td>
        </tr>
        <tr>
          <td>
          <table id="table1" width="88%" border="1" bordercolor="#cccccc" cellpadding="1" cellspacing="3" style="border-collapse:collapse">
          <tr align="center" BGCOLOR="#FFFBEC">
          <td height="24" colspan="3" bgcolor="#FFFFFF"><b ><font COLOR="#ff9900">公积金</font></b></td>
          </tr>
          <tr BGCOLOR="#EEEEEE">
          <td width="51%" bgcolor="#dddddd">年限</td>
          <td width="23%" bgcolor="#dddddd">1-5年</td>
          <td width="26%" bgcolor="#dddddd">5-30年</td>
            </tr>
            <script>up();</script>
            </table>
            <a href="#" class="show_btn" id="show_btn1">显示所有年份</a>
            <table id="table2" width="88%" border="1" bordercolor="#cccccc" cellpadding="1" cellspacing="3" style="border-collapse:collapse">
            <tr align="center" BGCOLOR="#FFFBEC">
            <td height="24" colspan="3" bgcolor="#ffffff"><b><font COLOR="#ff9900">商业性</font></b></td>
            </tr>
            <tr><td bgcolor="dddddd">年限</td>
            <td bgcolor="dddddd">1-5年</td>
            <td bgcolor="dddddd">5-30年</td>
            </tr>
            <script>down();</script>
          </table>
          <a href="#" class="show_btn" id="show_btn2">显示所有年份</a></td>
        </tr>
      </table>
          </td>
        </tr>
      </table></td>
    </tr>
  </table>
</div>

</body>
</html>

